@import (reference) "./variable.less";

/* formview与设计器公共样式 */
.wea-edc-form-item {
  padding: 5px 40px;
  min-height: 32px;
  border: 1px dashed transparent;

  input[type='text'],
  input[type='tel'],
  input[type='email'],
  select,
  textarea, 
  .wea-select,
  .wea-date-picker .ant-input{
    width: 260px;
  }

  .wea-edc-form-name,
  .wea-edc-form-email,
  .wea-edc-form-telephone,
  .wea-edc-form-mobile,
  .wea-edc-form-number{
    .ant-input{
      width: 260px;
      padding-left: 24px;
    }
  }

  .wea-edc-form-number .ant-input-number{
    width: 260px;
    padding-left: 24px;
  }

  &.selected {
    border-top-color: @fi-border-color;
    border-bottom-color: @fi-border-color;
    background-color: @fi-bgColor; 
  }

  &:hover {
    background-color: @fi-bgColor; 

    &:before {
      display: block;
    }
  }

  &:before {
    content: '';
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    opacity: 0.1;
    z-index: 1;
  }

  .required { position: relative}
}